<!DOCTYPE html>
<style>
div { font-family: monospace; }
span, ::before, ::after { color: green; }
#before::before { content: "P"; }
#after::after { content: "S"; }
</style>
<p>There should be two green PASSes below.</p>
<div id="before"><span>ASS</span></div>
<div id="after"><span>PAS</span></div>
<div id="noBeforeAfter"></div>
